.mechanismWorking {
	&-header {
		padding: 24rpx;
		width: 100%;
		height: 399rpx;
		background-image: linear-gradient(180deg, #3178ff, #e7ecf8);
		&-box {
			padding: 24rpx 30rpx;
			.ff-align-items-one {
				margin: 6rpx 0 16.5rpx;
				.tips1 {
					border: 2rpx solid #2b68ff;
					color: #2b68ff;
					padding: 10rpx 15rpx;
					border-radius: 8rpx;
					margin-top: 8.5rpx;
					margin-bottom: 4rpx;
				}
				.tips2 {
					border: 2rpx solid #f0403d;
					color: #f0403d;
					padding: 10rpx 15rpx;
					border-radius: 8rpx;
					margin-top: 8.5rpx;
					margin-bottom: 4rpx;
				}
				.tips3 {
					border: 2rpx solid #fef8e3;
					background-color: #fef8e3;
					color: #ef8732;
					padding: 10rpx 15rpx;
					border-radius: 8rpx;
					margin-top: 8.5rpx;
				}
				.tips4 {
					border: 2rpx solid #ef312e;
					background-color: #ef312e;
					padding: 10rpx 15rpx;
					border-radius: 8rpx;
					margin-top: 8.5rpx;
				}
			}
			&-address {
				color: #5c5f65;
				margin-bottom: 10rpx;
				view:last-child {
					flex: 1;
				}
			}
			&-time {
				color: #5c5f65;
				view:last-child {
					flex: 1;
				}
			}
			&-butList {
				.buts {
					padding: 24rpx 45rpx;
					display: inline-block;
					background-color: #eff5ff;
					border-radius: 10rpx;
				}
			}
		}
	}
	&-content {
		&-add {
			position: absolute;
			right: 0;
			line-height: 1;
			background-color: #f5f8ff;
			border: 2rpx solid #3178ff;
			color: #3178ff;
			padding: 18rpx 22rpx;
			border-radius: 12rpx;
			display: inline-block;
		}
		&-info {
			&-header {
				image {
					width: 230rpx;
					height: 230rpx;
					position: absolute;
					right: 0%;
					top: 0%;
				}
			}
			&-box {
				&-title {
					background: linear-gradient(to right, #eeeeee, #ffffff);
					padding: 24rpx 20rpx 20rpx;
					margin: 0 0 28rpx;
					width: 100%;
				}
				&-content {
					&-left {
						width: 33%;
						color: #a6a6a6;
					}
					&-right {
						width: 64%;
					}
					&-textareaLeft {
						color: #a6a6a6;
					}
					&-fireList {
						border-bottom: 2rpx solid #eee;
					}
					&-img {
						width: 100%;
						height: 140rpx;
					}
					&-result {
						&-fraction {
							color: #adadad;
							margin: 34rpx 0 0;
						}
						&-text {
							margin-top: 38rpx;
							/deep/.u-input__textarea {
								font-size: 30rpx !important;
								color: #222222 !important;
								line-height: 1.3 !important;
							}
						}
					}
				}
			}
		}
	}
	&-operation {
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 999;
		width: 100%;
		padding-bottom: env(safe-area-inset-bottom); // 针对iphone xr等系列的刘海底部屏幕做的适配
		&-endBut {
			display: inline-block;
			background-color: #ffffff;
			border-radius: 50rpx;
			padding: 30rpx 45rpx;
			box-shadow: 0rpx 0rpx 16rpx #c1bfbf;
		}
		&-location {
			display: inline-block;
			background-color: #ffffff;
			border-radius: 25rpx;
			padding: 18rpx 20rpx 13rpx;
			box-shadow: 0rpx 0rpx 16rpx #c1bfbf;
			image {
				width: 50rpx;
				height: 50rpx;
			}
		}
		&-info {
			color: #30499b;
			padding: 2rpx 30rpx;
			image {
				width: 40rpx;
				height: 40rpx;
				margin-right: 16rpx;
			}
		}
		&-card {
			padding: 30rpx;
			margin-top: 10rpx;
			color: #b0b1b5;
			background-color: #01085d;
			background-image: linear-gradient(to right, #01085d, #0d0c3a);
			border-radius: 20rpx;
			&-start {
				background-color: #3178ff;
				border-radius: 9rpx;
				padding: 24rpx;
			}
			&-suspend {
				background-color: #ff6c53;
				border-radius: 9rpx;
				padding: 24rpx;
			}
		}
		.finishTime {
			// width: 440rpx;
		}
	}
	.ff-bg-e9effd {
		border-top-left-radius: 30rpx;
		border-top-right-radius: 30rpx;
		background-color: #e9effd;
		padding: 20rpx 0 1rpx;
	}
}
